﻿<%@ Page Language="C#"  Async="true" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="speech.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Street Speak</title>
<link rel="shortcut icon" type="image/x-icon" href="CSS/favicon.ico">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<link rel="stylesheet" href="CSS/Microphone.css" />

</head>


  <body id="mybody" onload="initialize(53.34876, -6.25972,20,10)">

    <div id="map_canvas" style="float:left;margin-left:75px;margin-right:20px;width:45%; height:500px;"></div>
    <div id="pano" style="width: 45%;height:500px"></div>
    <div id="container" style="text-align:center">
    <div id="dialog" title="Error Message"></div>

    <div id="title">
	<div id ="speechinput" >
	<input id="input" type="text"  speech="speech" x-webkit-speech="x-webkit-speech" onclick="clear();" onwebkitspeechchange="append()"/>
    </div>
 <select name="lang" id="lang" onchange=" document.getElementById('input').setAttribute('lang', this.options[this.selectedIndex].value)">
    
    <option value="en">English</option>
    <option value="en-GB" selected=selected>English (Great Britain)</option>
    <option value="en-US">English (USA)</option>
    </select>
</div>
<div id ="position">

</div>
<div id ="headingCell">

</div>
<div id="Error" class="ui-widget" style="width:300px;margin-left:auto;margin-right:auto;display:none">
	<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
		<p id ="check"><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
		<strong>Alert:</strong></p>
	</div>
</div>
<div id="tool" style="margin-left:auto;margin-right:auto">
	<br/>
	<textarea rows="15" cols="94" id="textBox"></textarea>
   
</div>



     </div>  
</body>
    
   <script  type ="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
   <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>  
  <script type="text/javascript"src="https://maps.googleapis.com/maps/api/js?libraries=weather&sensor=false"></script>  
  
   
   <script src="Javascript/Directions.js" type="text/javascript"></script>
   <script src="Javascript/Methods.js" type="text/javascript"></script>
  
  

   
</html>
